﻿@model List<DHQGHN.PM2.Models.Online.Resident1>

<script>
      @functions{
          public string GetAntiForgeryToken()
          {
              string cookieToken, formToken;
              AntiForgery.GetTokens(null, out cookieToken, out formToken);
              return cookieToken + "," + formToken;
          }
      }
    function onClickThanhVien(id, fullname) {
        var dataSend = {
            'residentId': id
        };
        $.ajax({
            url: '@Url.Action("KhaiOnline", "Online")',
            dataType: 'html',
            method: 'get',
            cache: false,
            headers: {
                'VerificationToken': '@GetAntiForgeryToken()'
            },
            data: dataSend,
            success: function myfunctionSuccess(data, textStatus, jqXHR) {
                $('#loadPartial').html(data);
                $('#headerCauHoi').text('Thông tin của: ' + fullname);
            },
            error: function (jqXHR, textStatus, errorThrown) {
                alert('Có lỗi xảy ra trong quá trình đăng nhập: ' + errorThrown);
            }

        });
        Checkid(id);
        $("#divLoading").show();

    };

    function Checkid(id) {
        var kq;
        var myArray = [];
        @for (int ii = 0; ii < Model.Count(); ii++)
        {
            @:myArray.push("@Model[ii].RESIDENT_ID");

        }
        $.each(myArray, function (key, value) {
            kq = kq + "," + value;
            if (value == id) {
                $("#row" + id + " button").addClass("clickresident");

            } else {
                $("#row" + value + " button").removeClass("clickresident");

            }
        });
        $("#KQ").text(kq);
    };
    $("#residentlistback").click(function (event, IsBack) {
        $("#divLoading").show();
        var dataSend = {
            'HOUSEHOLD_ID': '@Model[0].HOUSEHOLD_ID',
            'IsBack': IsBack
        };
        var jqXHR = $.ajax({
            url: '@Url.Action("ResidentListBack", "Online")',
            dataType: 'html',
            method: 'post',
            headers: {
                'VerificationToken': '@GetAntiForgeryToken()'
            },
            data: dataSend,
            success: function myfunctionSuccess(data, textStatus, jqXHR) {
                $('#formLogin').html(data);
            },
            complete: function (jqXHR, textStatus) {
                $("#divLoading").hide();
           
            },
            error: function (jqXHR, textStatus, errorThrown) {
                $("#btnBack").removeAttr("disabled");
                alert('Có lỗi xảy ra trong quá trình lưu thông tin: ' + errorThrown);
            },
        });
    });
    $("#btnBack").click(function (event, IsBack) {
        $("#divLoading").show();
        var dataSend = {
            'HOUSEHOLD_ID': '@Model[0].HOUSEHOLD_ID',
            'IsBack': 'back'
        };
        var jqXHR = $.ajax({
            url: '@Url.Action("ResidentListBack", "Online")',
            dataType: 'html',
            method: 'post',
            headers: {
                'VerificationToken': '@GetAntiForgeryToken()'
            },
            data: dataSend,
            success: function myfunctionSuccess(data, textStatus, jqXHR) {
                $('#formLogin').html(data);
            },
            complete: function (jqXHR, textStatus) {
                $("#divLoading").hide();
               
            },
            error: function (jqXHR, textStatus, errorThrown) {
                alert('Có lỗi xảy ra trong quá trình lưu thông tin: ' + errorThrown);
                $("#btnBack").removeAttr("disabled");
            },
        });
    });
    $(document).ready(function () {
        $('.stepsurveylink').click(function () {
            $("#divLoading").show();
            var fullname = $(this).attr('resident-name');
            var dataSend = {
                'ResidentId': $(this).attr('resident-id'),
                'ActionName': $(this).attr('action-name')
            };
            var jqXHR = $.ajax({
                url: '@Url.Action("ChangeStepSurvey", "Online")',
                dataType: 'html',
                method: 'post',
                headers: {
                    'VerificationToken': '@GetAntiForgeryToken()'
                },
                data: dataSend,
                success: function myfunctionSuccess(data, textStatus, jqXHR) {
                    $('#headerCauHoi').text('Thông tin của: ' + fullname);
                    $('#loadPartial').html(data);
                },
                complete: function (jqXHR, textStatus) {
                    $("#divLoading").hide();
                    $("#btnNext").removeAttr("disabled");
                    $("#btnBack").removeAttr("disabled");
                },
                error: function (jqXHR, textStatus, errorThrown) {
                    alert('Có lỗi xảy ra trong quá trình lưu thông tin: ' + errorThrown);
                },
            });
        });
    });

</script>

@Html.AntiForgeryToken()

<div class="name_col">
    <ul class="nav nav-list">
        <li id="residentlistback" class=" dropdown-header">
            <h5 class="btn btn-link" style="font-weight: bold; color: black; padding-left: 0%; padding-top: 0%; ">Màn hình Thông tin cơ bản</h5>
        </li>
        <li class=" dropdown-header">
            <h5 style="font-weight:bold;">Thông tin chi tiết</h5>
        </li>

        @for (int i = 0; i < Model.Count(); i++)
        {
            <li class="row" id='@string.Format("row{0}", @Model[i].RESIDENT_ID)' house_hold_name="@Model[i].FULL_NAME" resident_id='@Model[i].RESIDENT_ID' style="margin-top:2%;">
                <button type="button" class="btn btn-link" data-resident="@Model[i].RESIDENT_ID" onclick='onClickThanhVien("@Model[i].RESIDENT_ID","@Model[i].FULL_NAME")'> @Model[i].FULL_NAME</button>
                <span class="dropdown-toggle glyphicon glyphicon-menu-hamburger" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"></span>
                <ul class="dropdown-menu dropdown-menu-right">
                    <li><a resident-id="@Model[i].RESIDENT_ID" resident-name="@Model[i].FULL_NAME" action-name="Khaisinh1" class="stepsurveylink">Thông tin khai sinh</a></li>
                    <li>
                        <a resident-id="@Model[i].RESIDENT_ID" resident-name="@Model[i].FULL_NAME" action-name="Khaisinh2" class="stepsurveylink">
                            Thông tin cha đẻ
                        </a>
                    </li>
                    <li>
                        <a resident-id="@Model[i].RESIDENT_ID" resident-name="@Model[i].FULL_NAME" action-name="Khaisinh3" class="stepsurveylink">
                            Thông tin mẹ đẻ
                        </a>
                    </li>
                    <li><a href="#">Bước 3</a></li>
                </ul>
            </li>
        }

    </ul>
</div>
<div class="detail_col">

    <div id="headerCauHoi">
        <h5 style="font-weight:bold;">Thông tin câu hỏi</h5>
    </div>
    <div id="loadPartial">
        <p>
            <h5>Bạn hãy chọn vào mỗi thành viên để nhập thông tin chi tiết của người đó.</h5>
            <br />
            <br />

        </p>
        <center>
            <input type="button" class="btn btn-small btn-small_online btn-success buttonClick" id="btnBack" value="<< Quay lại">
        </center>
    </div>
</div>
<div id="RS" style="visibility:hidden"></div>
<div id="KQ" style="visibility:hidden"></div>



